﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Tin tức - Sự kiện</title>
<link href="css/960_24_col.css" rel="stylesheet" type="text/css"/>
<link href="css/reset.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>

</head>

<body>
<div id="wrapper" class="container_24">
	<div class="banner">
		<div class="grid_24">			
			<img alt="" height="114" src="images/banner.gif" width="960" />
		</div>
	</div>
	<!--end banner-->
	
	<div class="menuBar grid_24">
		<ul id="nav">
           <li class="active"><a href="#">Trang chủ</a></li>
           <li><a href="#">Forum</a></li>
           <li><a href="#">Tin tức</a></li>
        </ul>
	</div>
	<!--end menubar-->
	
	<div class="clear"></div>
	<div class="content grid_24">
		<div class="leftColumn grid_5 alpha">
			<div class="menu">
				<div class="menuTitle">					
					<div class="menuTitleGrad">Menu</div>					
				</div>
				
				<div class="menuItem">
					<ul>
						<li><a href="#">Trang chủ</a></li>							
						<li class="menuItem_GioiThieu">Giới thiệu
							
							<ul class="subMenuitem gioiThieu-subitem">
								<li><a href="#">Tiểu sử Trần Phú</a></li>
								<li><a href="#">Lịch sử trường THPT Trần Phú</a></li>
								<li><a href="#">Phần thưởng và danh hiệu</a></li>
							</ul>
						</li>
						<li class="menuItem_ToChuc">Tổ chức
							
							<ul class="subMenuitem toChuc-subitem">
								<li><a href="#">Ban giám hiệu</a></li>
								<li><a href="#">Chi bộ</a></li>
								<li><a href="#">Công đoàn</a></li>
								<li><a href="#">Đoàn trường</a></li>
								<li><a href="#">Chi đoàn giáo viên</a></li>
								<li><a href="#">Tổ chuyên môn</a></li>
								<li><a href="#">Giáo viên</a></li>
								<li><a href="#">Học sinh</a></li>
							</ul>
						</li>
						<li class="menuItem_HoSo">Hồ sơ
							<ul class="subMenuitem hoSo-subitem">
								<li><a href="#">Giáo viên</a></li>
								<li><a href="#">Học sinh</a></li>
							</ul>
						</li>
						<li><a href="#">Tra cứu và quản lý điểm</a></li>
						<li class="menuItem_TaiNguyen">Tài nguyên
						
							<ul class="subMenuitem taiNguyen-subitem">
								<li><a href="#">Đề thi TN THPT</a></li>
								<li><a href="#">Phần mềm hỗ trợ giáo viên</a></li>
								<li><a href="#">Phần mềm hỗ trợ học sinh</a></li>
								<li><a href="#">Văn bản</a></li>
							</ul>
						</li>
						<li class="menuItem_KeHoach">Kế hoạch
						
							<ul class="subMenuitem keHoach-subitem">
								<li><a href="#">Kế hoạch</a></li>
								<li><a href="#">Phân công chuyên môn</a></li>
								<li><a href="#">Công tác tuần</a></li>
								<li><a href="#">Lịch thi</a></li>
								<li><a href="#">Thông báo</a></li>
							</ul>
						</li>
						<li><a href="#">Liên hệ - Góp ý</a></li>
					</ul>
				</div>
			</div>
			<!--end menu-->
			
			<div class="menu">
				<div class="menuTitle">					
					<div class="menuTitleGrad">Thống kê</div>					
				</div>
				
				<div class="thongKeInfo">
					Số lượt truy cập: <span>3204</span> <br/>
					Số người online: <span>320</span>
				</div>
			</div>
			<!--end thống kê-->
			
		</div>
		<!--end left column-->
		
		<div class="rightColumn grid_19 omega">
			<div class="titleBox">
				<div class="title">
					<div class="titleGrad">Tin tức - Sự kiện</div>
				</div>
				
				<div class="trangTin">
					<div class="tinTuc">
						<div class="tieuDe">Nullam tellus pede, eleifend posuere</div>
						<div style="margin-bottom:40px;">
							<div class="timePost">Post by Admin 7:02 AM</div>
							<div class="printer"><a href="#">In bài</a></div>
						</div>
						<div class="clear"></div>
						<div class="hinhAnh">
							<img alt="" height="64" src="images/ScreenHunter_025-1.jpg" width="102" /></div>
						<div class="noiDungTin">
							Nullam tellus pede, eleifend posuere, dignissim id, euismod vitae, tortor. Pellentesque vel mauris. 
							Phasellus dictum rutrum lectus. Vestibulum a risus at orci egestas condimentum. Morbi in turpis vel
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at 
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at 
							Nullam tellus pede, eleifend posuere, dignissim id, euismod vitae, tortor. Pellentesque vel mauris. 
							Phasellus dictum rutrum lectus. <br />
							<br />
							Vestibulum a risus at orci egestas condimentum. Morbi in turpis vel
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at 
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at ante feugiat placerat. 
							<br />
							<br />
							<img alt="" src="images/ScreenHunter_025-1.jpg" height="436" width="702" />
							Vestibulum justo lacus.
							<br />
							<br />
							Phasellus dictum rutrum lectus. Vestibulum a risus at
							Nullam tellus pede, eleifend posuere, dignissim id, euismod vitae, tortor. Pellentesque vel mauris. 
							Phasellus dictum rutrum lectus. Vestibulum a risus at orci egestas condimentum. Morbi in turpis vel
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at 
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at ante feugiat placerat. 
							<br />
							<br />
							Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at
							Nullam tellus pede, eleifend posuere, dignissim id, euismod vitae, tortor. Pellentesque vel mauris. 
							Phasellus dictum rutrum lectus. Vestibulum a risus at orci egestas condimentum. Morbi in turpis vel
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at 
							ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at ante feugiat placerat. Vestibulum justo lacus.
							Phasellus dictum rutrum lectus. Vestibulum a risus at
						</div>						
					</div>				
						
					<div class="cacTinKhac">
						<div>Các tin khác:</div>
						
						<ul>
							<li><a href="#">Phasellus dictum rutrum lectus</a></li>
							<li><a href="#">Phasellus dictum rutrum lectus</a></li>
							<li><a href="#">Phasellus dictum rutrum lectus</a></li>
							<li><a href="#">Phasellus dictum rutrum lectus</a></li>
							<li><a href="#">Phasellus dictum rutrum lectus</a></li>
						</ul>
					</div>										
				</div>
				<!--end nội dung-->
			</div>
			<!--end tin tức sự kiện-->
			
		</div>
		<!--end right column-->
		
	</div>
	<!--end content-->
	
</div>	
<div class="footer">
	Copyright 2011
</div>

</body>

</html>
